<?php session_start(); 

	/* If someone try to go directly to this URL, redirect to index */
	if(!isset($_SESSION['participantSessionId']))
	{
		header("Location: http://".$_SERVER['SERVER_NAME']);
	}
	elseif(isset($_POST['colortest']))
	{
		header("Location: http://".$_SERVER['SERVER_NAME']."/canvas.php");
	}
	elseif(isset($_POST['finish']))
	{
		unset($_SESSION['color']);
		unset($_SESSION['panas']);
		header("Location: http://".$_SERVER['SERVER_NAME']."/participant.php");
	}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<title> Préférence de couleur </title>
</head>

<body>
	<div class="blocPage">
	<?php
		/* Before starting Color Test */
		if(isset($_SESSION['panas']) && !isset($_SESSION['color']))
		{
			echo "<p> Vous allez voir apparaître deux pastilles de couleur. Votre tâche consiste à décider le plus spontanément possible vers quelle pastille de couleur va votre préférence. Pour donner votre réponse, c'est simple, il suffit d'utiliser les flèches droite et gauche du clavier. Si vous préférez celle de droite, appuyez sur la flèche de droite, et inversement si vous préférez celle de gauche. Dès que vous avez appuyez, deux nouvelles pastilles apparaissent et il n'est donc pas possible de revenir en arrière. 
			<br/><br/>
			Quand vous êtes prêt à commencer, placez deux doigts d'une même main sur les deux flèches de réponse.
			<br/><br/>
			Prêt ???? Appuyez sur une des deux flèches pour commencer la tâche. <p>";
			?>
            <img src="img/clavier.png" width="500" alt="Clavier"/><img src="img/touches.png" alt="Clavier"/>
            <script language="javascript" src="js/graphics.js"></script>
            <script>
				var isConfirmed = false;
				document.onkeypress = function(e){
					isConfirmed = true;
					switch(e.keyCode){
						case 37 : redirectToColorTest();
						case 39 : redirectToColorTest();
					}
				};
				window.onbeforeunload = function(){if(!isConfirmed) return 'Quitter au milieu du test ? Vos resultats ne seront pas valides !';};
			</script>
            <?php
		}
		/* The participant has finished the session */
		elseif(isset($_SESSION['panas']) && isset($_SESSION['color']))
		{
			echo "<p> MERCI DE VOTRE PARTICIPATION
				<br/><br/>
				LES RESULTATS SERONT BIENTÔT DISPONIBLES ! <p>
				<form method='post' action='setpoint.php'>
					<input type='submit' name='finish' value='Finir'/>
				</form>";
		}
	?>
	</div>
</body>
</html>